<template>
	<view>
		<view class="zy-row mdx-user-item">
			<image src="/static/user/user.png" ></image>
			<view class="zy-col mdx-user-content">
				<text class="mdx-user-name">用户昵称</text>
				<text class="mdx-user-id" >ID：112334</text>
			</view>
		</view>
		<view class="zy-row mdx-wallet-item">
			<view class="zy-col">
				<text class="mdx-wallet-title" >钱包余额（元）</text>
				<text class="mdx-wallet-money">3233290.88</text>
			</view>
			<view @click="navTo('/pages-user/user-withdraw/user-withdraw')" class="mdx-wallet-btn">
				提现
			</view>
		</view>
		<uni-list :border="false" style="margin-top: 36rpx;">
		    <uni-list-item to="/pages-user/wallet-record/wallet-record" title="钱包流水" showArrow thumbSize="lg"
		    	thumb="/static/user/my_icon_wallet.png"/>
			<uni-list-item to="/pages-user/help/help"  title="使用帮助" showArrow thumbSize="lg"
				thumb="/static/user/my_icon_help.png"/>
			<uni-list-item to="/pages-user/bind-bank-card/bind-bank-card"  title="我的银行卡" showArrow thumbSize="lg"
				thumb="/static/user/my_icon_bank_card.png"/>
		</uni-list>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			navTo(url){
				uni.navigateTo({
					url
				})
			}
		}
	}
</script>

<style lang="scss">
	.mdx-user-item{
		padding: 25rpx 28rpx;
		image{
			width: 112rpx;
			height: 112rpx;
			border-radius: 50%;
		}
		.mdx-user-content{
			padding: 12rpx 30rpx;
			.mdx-user-name{
				font-size: 28rpx;
				font-weight: 600;
				line-height: 42rpx;
			}
			.mdx-user-id{
				margin-top: 4rpx;
				font-size: 24rpx;
				line-height: 42rpx;
			}
		}
	}
	
	.mdx-wallet-item{
		width: 694rpx;
		height: 156rpx;
		background: linear-gradient(157deg, #11B2BB 0%, #007D88 100%);
		border-radius: 20rpx;
		margin: 0 auto;
		padding: 32rpx 25rpx;
		align-items: center;
		justify-content: space-between;
		.mdx-wallet-title{
			font-size: 24rpx;
			color: #BBF9FF;
			line-height: 42rpx;
		}
		.mdx-wallet-money{
			margin-top: 8rpx;
			font-size: 40rpx;
			font-weight: 600;
			color: #FFFFFF;
			line-height: 42rpx;
		}
		.mdx-wallet-btn{
			width: 128rpx;
			height: 62rpx;
			background: #EEFEFF;
			border-radius: 32rpx;
			color: #036C75;
			line-height: 62rpx;
			text-align: center;
		}
	}
	
</style>
